<%@ page language="java" contentType="text/html" pageEncoding="UTF-8"%> 
    
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>选择AB角</title>
	<style type="text/css">
		
	</style>
</head>
<body>
	<jsp:include  page="../Nav.jsp"/>
    <div class="container-fuild">
      <div class="row">
          <div class="col-xs-2 pr0" style="position: relative;">
          <jsp:include  page="../Menu.jsp"/>
          </div>
          <div class="col-xs-10 " style="
          padding-top: 10px;">
         <div class="panel panel-primary ">
            <div class="panel-heading p0 ">
                <ol class="breadcrumb m0 nav-style">
                    <li><a href="#"><span class="glyphicon glyphicon-folder-open" aria-hidden="true"></span> &nbsp;民警选择B角</a></li>
                </ol>
            </div>

            <div class=" panel-body">
              <div class="form-group">
                <div  id="node" class="col-xs-offset-3">
                    <label for="inputEmail3" class="col-xs-2 control-label">选择B角</label>
                    <div class="col-xs-1 text-center" >
                        <a href="javascript:void(0);" id="Part"><span class="form-control glyphicon glyphicon-plus" aria-hidden="true"></span></a>
                    </div>
                    <label  class='label1'    style='line-height:30px;'></label>
                </div>  
              </div>  
                
                    
                  <input type="submit" class="btn btn-primary col-xs-2 col-xs-offset-5 " style="margin-top: 50px;" id="submi" value="确认提交">
            
            </div>
    
          </div>

    </div>
</div>
  <!-- AB角选择模态框 -->
        <div class="modal fade " id="myPart">
        <div class="modal-dialog" style="width:700px;" > 
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
              <h4 class="modal-title">B角选择</h4>
            </div>
            <div class="modal-body">
          <div class="input-group col-xs-5 col-xs-offset-3" style="margin-bottom: 20px;" >
                
                <input type="text" class="form-control" id="accountOrName" aria-describedby="inputGroupSuccess2Status" placeholder="输入需要查询的警号">
                <span class="input-group-addon">
                  <a href="javascript:void();" id="SearchUserName"><span class="glyphicon glyphicon-search" aria-hidden="true"></span></a>
                </span>
              </div>
              <div style="width:100%;height:50px; margin-left:20px;">
  
                    <label style="width:50px;">部门</label>
                    <select id="queryUser" style="width:25%;display:inline-block !important;"  class=" form-control struc" >
                    <option value="1">监狱</option>
                    
                      
                    </select>
                    
                    <select id="" style="width:25%;display:inline-block !important;"  class=" form-control department" >
            
                            <option value="choice">选择科室或监区</option>
                          
                    
                      
                    </select>
                    
                    <select id="" style="width:25%;display:inline-block !important;"  class=" form-control child" >
                      <option value="choice">选择分监区</option>
                    
                      
                    </select>
              
                  
          </div>
              <div style="width:95%; margin:0 auto; height:300px;">
                <div  style="width:35%;float:left;  height:100%;border:1px solid lightgray;">
              <div id="seleStruct">
                <div style="width:100%;height:10px;">
  
                    
                  
                </div>
                <div style="width:100%;height:280px;margin-top:10px;overflow:auto;">
                  <ul class="selctUser">
                    
                  </ul>
                
                </div>
              
              
              
              </div>
              
              <div id="searchId" style=" padding:20px; display:none;">
              
                <ul class="selctUserName">
                  
                  
                
                </ul>

              </div>
              
              
            </div>
            <div style="width:25%; float:left;">
              <div  style="height:100px;width:100px;  margin:0 auto; margin-top:70px;">
                 <button  type="button" style="display:block;margin:0 auto;margin-top:10px;"   id="select-all" class="btn btn-primary " value="">全选</button>
                          <button type="button" style="display:block;margin:0 auto;margin-top:10px;"   id="select-fan" class="btn btn-primary " value="">反选</button>
                <button id="addCho" style="display:block;margin:0 auto;margin-top:10px;"  class="btn btn-default  ">添加></button>
                <button id="removeCho" style="display:block;margin:0 auto;margin-top:10px;"  class="btn btn-default ">&lt;移出</button>
                <button id="removeAll" style="display:block;margin:0 auto;margin-top:10px;"  class="btn btn-default  ">移出所有</button>
                <button style="display:block;margin-top:10px;margin-left:-8px; display:none;"  class="btn btn-default" id="searchIdCur">返回到部门查询</button>
                
              
              </div>
              
            </div>
               <div id="addRequest" style="width:30%; float:left; height:100%; border:1px solid lightgray;overflow:auto;" >
              <ul>
              
              </ul>
          
            </div>
              
              </div>
          
               

            </div>
            <div class="modal-footer">
              <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
              <button type="submit" id="surePart"  class="btn btn-primary">确认</button>
            </div>
          </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
      </div><!-- /.modal-->
      
          
      <!-- 失败模态框 -->
      <div class="modal fade " id="badmodal">
        <div class="modal-dialog" style="width: 300px;"> 
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
              <h4 class="modal-title">提示</h4>
            </div>
            <div class="modal-body">  
              <span id="idNumber" ></span>
              <p>请录入完整的信息</p>
            </div>
            <div class="modal-footer">
              <button type="button" class="btn btn-default" data-dismiss="modal">确认</button> 
            </div>
          </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
      </div><!-- /.modal-->
      
      <!-- 成功模态框 -->
      <div class="modal fade " id="successmodel">
        <div class="modal-dialog" style="width: 300px;"> 
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
              <h4 class="modal-title">成功</h4>
            </div>
            <div class="modal-body">  
              <span id="idNumber" ></span>
              <p>操作成功</p>
            </div>
            <div class="modal-footer">
              <button type="button" class="btn btn-default" data-dismiss="modal">确认</button>
              
            </div>
          </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
      </div><!-- /.modal-->
      
      
      <!-- 
      附加模态框 -->
      <div class="modal fade " id="vediomodel">
        <div class="modal-dialog"  style="width:700px;height:500px;"> 
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
              <h4 class="modal-title">播放附件</h4>
            </div>
            <div class="modal-body">  
                
        <video id="example_video_1" class="video-js vjs-default-skin" controls preload="none" width="640" height="264"
            poster="http://video-js.zencoder.com/oceans-clip.png"
            data-setup="{}">
          <source src="http://10.118.108.178:8080/YuXi/Upload/iqymuh0y271469245517746.mkv" type='video/mp4' />
          <source src="http://10.118.108.178:8080/YuXi/Upload/iqymuh0y271469245517746.mkv" type='video/webm' />
          <source src="http://10.118.108.178:8080/YuXi/Upload/iqymuh0y271469245517746.mkv" type='video/ogg' />
         
        </video> 
            </div>
            <div class="modal-footer">
              <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
              
            </div>
          </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
      </div><!-- /.modal-->
      


      <!-- 流程模态框 -->
      <div class="modal fade " id="flowmodel">
        <div class="modal-dialog" style="width:900px;"> 
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
              <h4 class="modal-title">流程</h4>
            </div>
            <div class="modal-body">  
              <div id="requestChart"></div>
            </div>
            <div class="modal-footer">
              <button type="button" id="flowsure" class="btn btn-default" data-dismiss="modal">确认</button>
              
            </div>
          </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
      </div><!-- /.modal-->
      
      
      <!-- 保存模态框 -->
      <div class="modal fade " id="saveModal">
        <div class="modal-dialog" style="width: 300px;"> 
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
              <h4 class="modal-title">保存</h4>
            </div>
            <div class="modal-body">
              <p>您确认要保存这份信息？&hellip;</p>
            </div>
            <div class="modal-footer">
              <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
              <button type="button" class="btn btn-primary"  data-dismiss="modal">确认</button>
            </div>
          </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
      </div><!-- /.modal-->
      
          
<script type="text/javascript" src="../../js/firstController/personal/personalAB.js"></script>
  <script type="text/javascript" src="../../js/firstController/information/getUser.js"></script>
</body>
</html>